<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<main>
    <header>
        <h2>首页</h2>
    </header>
    <section id="banner" class="banner">
        <div id="slide-wrap" class="slide-wrap">
            <div class="slide home-slide">
                <a href=""><img src="" alt=""/></a>
                <div>
                    <header>
                        <h3>自然舒适</h3>
                    </header>
                    <p><span>她，轻柔如你</span><span>享受舒适之美<span></p>
                </div>
            </div>
            <div class="slide home-slide">
                <a href=""><img src="" alt=""/></a>
                <div>
                    <header>
                        <h3>创造需求 打造品牌</h3>
                    </header>
                    <p><span>不断倾听和满足用户需求，引导并超越用户需求</span></p>
                </div>
            </div>
            <div class="slide home-slide">
                <a href=""><img src="" alt=""/></a>
                <div>
                    <header>
                        <h3>享受卓越 享受责任</h3>
                    </header>
                    <p><span>努力通过互联网服务提升人类生活品质</span></p>
                </div>
            </div>
            <div class="slide home-slide">
                <a href=""><img src="" alt=""/></a>
                <div>
                    <header>
                        <h3>赋能你我 连接未来</h3>
                    </header>
                    <p><span>与合作伙伴共同营造健康的互联网生态环境</span></p>
                </div>
            </div>
        </div>
        <div id="slide-btns">
            <button class="slide-btn slide-btn-af" index="1"></button>
            <button class="slide-btn" index="2"></button>
            <button class="slide-btn" index="3"></button>
            <button class="slide-btn" index="4"></button>
        </div>
    </section>
    <section id="content" class="content">
        <div class="home-content home-content-lt">
            <div class="product product-2">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
            <div class="product product-1">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
            <div class="product product-1">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
        </div>
        <div class="home-content home-content-rt">
            <div class="product product-1">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
            <div class="product product-2">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
            <div class="product product-1">
                <a href=""><img src="" alt=""/></a>
                <span><a href="">产品名称</a></span>
            </div>
        </div>
    </section>
</main>